<!-- UserNotice.vue -->
<template>
  <view class="bg-gray-50 text-gray-800 text-sm p-4">
    <!-- 头部 -->
    <view class="py-6 text-center">
      <text class="text-3xl font-bold text-blue-700">用户须知</text>
      <text class="block text-gray-500 mt-1">最后更新：2025 年 9 月 1 日</text>
    </view>

    <!-- 1 -->
    <view class="bg-white rounded-md shadow-sm p-4 mb-4">
      <text class="text-lg font-bold text-blue-700 relative pl-3 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-[60%] before:w-1 before:bg-blue-500 before:rounded">1. 公司简介</text>
      <text class="block mt-2">本机构是一家“互联网+护理服务”平台，“运营管理”医疗机构，承接院前、中、后延伸服务。定位为一站式健康大管家，开展整合型居家医疗照护服务，提供全方位、全周期健康管理。</text>
    </view>

    <!-- 2 -->
    <view class="bg-white rounded-md shadow-sm p-4 mb-4">
      <text class="text-lg font-bold text-blue-700 relative pl-3 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-[60%] before:w-1 before:bg-blue-500 before:rounded">2. 注册须知</text>
      <view class="space-y-3 mt-2">
        <view><text class="font-semibold">2.1 服务项目：</text>您当前申请的“互联网+护理服务”是医疗机构依托互联网技术，以“线上申请、线下服务”的模式提供的护理服务；</view>
        <view><text class="font-semibold">2.2 平台业务：</text>本平台以“互联网+护理服务”为业务基础，向用户提供一站式整合型居家医疗照护服务……</view>
        <view><text class="font-semibold">2.3 用户身份确认：</text>居家医疗服务申请前需完成实名认证注册……</view>
        <view><text class="font-semibold">2.4 服务人员与身份确认：</text>提供上门护理服务的护士均为实体医疗机构注册（或备案）……</view>
      </view>
    </view>

    <!-- 3 -->
    <view class="bg-white rounded-md shadow-sm p-4 mb-4">
      <text class="text-lg font-bold text-blue-700 relative pl-3 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-[60%] before:w-1 before:bg-blue-500 before:rounded">3. 服务须知</text>
      <view class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4 mt-2">
        <view class="border-l-4 border-blue-500 bg-blue-50 p-3 rounded text-sm">
          <text class="font-semibold text-blue-700">紧急情况</text>
          <text class="block">本机构是急病后护理机构，急病或急救请直接联系急救急病医疗机构。</text>
        </view>
        <view class="border-l-4 border-blue-500 bg-blue-50 p-3 rounded text-sm">
          <text class="font-semibold text-blue-700">客服时间</text>
          <text class="block">工作日 9:00-12:00、15:00-18:00</text>
          <text class="block">企业微信：19195847260、13926050451</text>
          <text class="block">热线：4001183662 / 15013004052</text>
        </view>
      </view>
      <view class="space-y-1 text-sm">
        <text class="block">3.3 用户在申请服务时，须如实告知健康实情并提供医嘱、病历等。</text>
        <text class="block">3.4 客服依据资料初步评估是否符合上门护理范畴。</text>
        <text class="block">3.5 预约成功后请保持通讯畅通。</text>
        <text class="block">3.6 病情不符者，医护人员有权拒绝服务并建议就医。</text>
        <text class="block">3.7 服务过程须有监护人或家属陪同。</text>
        <text class="block">3.8 自备耗材质量问题与本机构无关。</text>
        <text class="block">3.9 私自达成服务或超范围者，平台不担责。</text>
        <text class="block">3.10 疑问请工作时间联系客服或点击“客服台”。</text>
        <text class="block">3.11 离开后再次返回需重新下单并全额付费。</text>
        <text class="block">3.12 终止服务后余款 7 个工作日内原路退回。</text>
      </view>
    </view>

    <!-- 4 -->
    <view class="bg-white rounded-md shadow-sm p-4 mb-4">
      <text class="text-lg font-bold text-blue-700 relative pl-3 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-[60%] before:w-1 before:bg-blue-500 before:rounded">4. 收费说明</text>
      <view class="overflow-x-auto mt-2">
        <view class="min-w-full border border-gray-200 rounded">
          <view class="flex bg-blue-600 text-white">
            <text class="flex-1 p-2 text-sm">服务类型</text>
            <text class="flex-1 p-2 text-sm">收费标准</text>
          </view>
          <view class="flex bg-gray-50"><text class="flex-1 p-2 text-sm">加急服务 3-6h</text><text class="flex-1 p-2 text-sm">400 元/次</text></view>
          <view class="flex bg-white"><text class="flex-1 p-2 text-sm">加急服务 6-48h</text><text class="flex-1 p-2 text-sm">200 元/次</text></view>
          <view class="flex bg-gray-50"><text class="flex-1 p-2 text-sm">节假日上门</text><text class="flex-1 p-2 text-sm">+200 元/次</text></view>
          <view class="flex bg-white"><text class="flex-1 p-2 text-sm">夜班上门</text><text class="flex-1 p-2 text-sm">+1000 元/次</text></view>
          <view class="flex bg-gray-50"><text class="flex-1 p-2 text-sm">远程费 ≤5 km</text><text class="flex-1 p-2 text-sm">200 元/次</text></view>
          <view class="flex bg-white"><text class="flex-1 p-2 text-sm">5-10 km</text><text class="flex-1 p-2 text-sm">+80 元/次</text></view>
          <view class="flex bg-gray-50"><text class="flex-1 p-2 text-sm">＞10 km</text><text class="flex-1 p-2 text-sm">+16 元/km（优惠 10 元）</text></view>
        </view>
      </view>
      <view class="space-y-1 text-sm mt-2">
        <text class="block">4.6 可选个性化服务叠加计费。</text>
        <text class="block">4.7 每次服务时长 45 min，超时每 60 min 加收一次预付金额。</text>
        <text class="block">4.8 非详情内服务/商品需额外付费。</text>
        <text class="block">4.9 政府定价无折扣，市场定价按公示。</text>
        <text class="block">4.10 具体费用以平台公示为准。</text>
      </view>
    </view>

    <!-- 5 -->
    <view class="bg-white rounded-md shadow-sm p-4 mb-4">
      <text class="text-lg font-bold text-blue-700 relative pl-3 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-[60%] before:w-1 before:bg-blue-500 before:rounded">5. 变更规则</text>
      <view class="space-y-1 text-sm mt-2">
        <text class="block">5.1 客服预评估前或出发前一天变更可免责。</text>
        <text class="block">5.2 24h 内变更/取消按退费规则处理。</text>
      </view>
    </view>

    <!-- 6 -->
    <view class="bg-white rounded-md shadow-sm p-4 mb-4">
      <text class="text-lg font-bold text-blue-700 relative pl-3 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-[60%] before:w-1 before:bg-blue-500 before:rounded">6. 退费规则</text>
      <view class="overflow-x-auto mt-2">
        <view class="min-w-full border border-gray-200 rounded">
          <view class="flex bg-blue-600 text-white">
            <text class="flex-1 p-2 text-sm">取消时间</text>
            <text class="flex-1 p-2 text-sm">退费比例</text>
          </view>
          <view class="flex bg-gray-50"><text class="flex-1 p-2 text-sm">客服预评估前</text><text class="flex-1 p-2 text-sm">100%</text></view>
          <view class="flex bg-white"><text class="flex-1 p-2 text-sm">预评估后</text><text class="flex-1 p-2 text-sm">扣 30%</text></view>
          <view class="flex bg-gray-50"><text class="flex-1 p-2 text-sm">入户前 3-12h</text><text class="flex-1 p-2 text-sm">扣 70%</text></view>
          <view class="flex bg-white"><text class="flex-1 p-2 text-sm">入户前 3h 内</text><text class="flex-1 p-2 text-sm">扣 90%</text></view>
          <view class="flex bg-gray-50"><text class="flex-1 p-2 text-sm">入户后</text><text class="flex-1 p-2 text-sm">扣 100%</text></view>
        </view>
      </view>
    </view>

    <!-- 7 -->
    <view class="bg-white rounded-md shadow-sm p-4 mb-4">
      <text class="text-lg font-bold text-blue-700 relative pl-3 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-[60%] before:w-1 before:bg-blue-500 before:rounded">7. 发票</text>
      <text class="block mt-2">索取发票，请与客服企业微信联系开具。</text>
    </view>

    <!-- 8 -->
    <view class="bg-white rounded-md shadow-sm p-4 mb-4">
      <text class="text-lg font-bold text-blue-700 relative pl-3 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-[60%] before:w-1 before:bg-blue-500 before:rounded">8. 风险知情与告知</text>
      <view class="space-y-4 mt-2">
        <view>
          <text class="font-bold text-red-600">8.1 医疗风险</text>
          <view class="border-l-4 border-red-500 bg-red-50 p-3 rounded text-sm space-y-1 mt-1">
            <text class="block">• 服务地点及设备局限，可能存在病情变化、突发意外等风险。</text>
            <text class="block">• 具体操作风险（如胃管更换导致恶心、出血等）。</text>
            <text class="block">• 紧急情况下将立即采取措施并转介，后续费用由服务对象承担。</text>
          </view>
        </view>
        <view>
          <text class="font-bold text-red-600">8.2 不适合上门服务的情形</text>
          <view class="border-l-4 border-red-500 bg-red-50 p-3 rounded text-sm mt-1">
            <text class="block">病情复杂或不稳；涉及特殊药品；需高创伤/高风险操作；精神疾病无监护；其他超出常规护理范畴。</text>
          </view>
        </view>
      </view>
    </view>

    <!-- 9 -->
    <view class="bg-white rounded-md shadow-sm p-4 mb-4">
      <text class="text-lg font-bold text-blue-700 relative pl-3 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-[60%] before:w-1 before:bg-blue-500 before:rounded">9. 信息保密与满意度评价</text>
      <view class="space-y-1 text-sm mt-2">
        <text class="block">9.1 医疗机构严格遵守隐私保护条例。</text>
        <text class="block">9.2 可能进行满意度调查，请客观评价。</text>
      </view>
    </view>

    <!-- 10 -->
    <view class="bg-white rounded-md shadow-sm p-4 mb-4">
      <text class="text-lg font-bold text-blue-700 relative pl-3 before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:h-[60%] before:w-1 before:bg-blue-500 before:rounded">10. 说明</text>
      <text class="block mt-2">本用户须知一式两份。签署前，服务人员已就服务内容、风险及其他疑问进行说明；医疗操作前将再次评估，必要时可中止服务。</text>
    </view>

    <!-- 签名 -->
    <view class="bg-white rounded-md shadow-sm p-4">
      <text class="text-lg font-bold text-center text-blue-700 mb-4">服务确认</text>
      <view class="space-y-4">
        <text class="font-bold">服务对象（或代表）知情确认</text>
        <text class="block text-xs text-gray-600">
          我方已认真阅读并理解以上全部内容，同意积极配合并接受此次“互联网+护理服务”及一站式整合型居家医疗照护服务。
        </text>
        <view class="grid grid-cols-1 md:grid-cols-2 gap-4">
          <view>
            <text>服务对象签名：</text>
            <view class="border-b border-gray-400 h-6 mb-2"></view>
            <text>日期：&emsp;年&emsp;月&emsp;日</text>
          </view>
          <view>
            <text>代表姓名（监护人）：</text>
            <view class="border-b border-gray-400 h-6 mb-2"></view>
            <text>与服务对象关系：</text>
            <view class="border-b border-gray-400 h-6 mb-2"></view>
            <text>日期：&emsp;年&emsp;月&emsp;日</text>
          </view>
        </view>
        <view class="border-t border-dashed border-gray-300 pt-4 mt-6">
          <text class="font-bold">服务机构确认</text>
          <view class="mt-2">
            <text>医疗机构（盖章）：</text>
            <view class="border-b border-gray-400 h-6 mb-2"></view>
            <text>日期：&emsp;年&emsp;月&emsp;日</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
// 纯展示，无逻辑
</script>